@media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
  html,body {
    font-size:46.08px;
  }
}
@media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
  html,body {
    font-size:40.96px;
  }
}
@media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
  html,body {
    font-size:34.13333333333333px;
  }
}
@media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
  html,body {
    font-size:30.72px;
  }
}
@media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
  html,body {
    font-size:27.30666666666667px;
  }
}
@media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
  html,body {
    font-size:25.6px;
  }
}
@media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
  html,body {
    font-size:23.04px;
  }
}
@media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
  html,body {
    font-size:20.48px;
  }
}
@media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
  html,body {
    font-size:17.664px;
  }
}
@media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
  html,body {
    font-size:17.066666666666666px;
  }
}
@media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
  html,body {
    font-size:16px;
  }
}
@media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
  html,body {
    font-size:15.36px;
  }
}
@media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
  html,body {
    font-size:13.653333333333334px;
  }
}
body,html
  line-height: 1
  // font-weight: 300
  font-family: 'PingFang SC','STHeitiSC-Light','Helvetica-Light',Arial,sans-serif
  -webkit-font-smoothing: antialiased
  -moz-osx-font-smoothing: grayscale
  height: 100%

.clearfix
  display inline-block
  &:after
    display block
    content "."
    height 0
    line-height 0
    clear both
    visibility hidden

@media(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5)
  .border-1px
    &::after
      -webkit-transform: scaleY(0.7)
      transform: scaleY(0.7)

@media(-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2)
  .border-1px
    &::after
      -webkit-transform: scaleY(0.5)
      transform: scaleY(0.5)

// 文字限制
.overflow-txt
  white-space nowrap
  overflow hidden
  text-overflow ellipsis

.overflow-line
  display -webkit-box
  -webkit-box-orient vertical
  -webkit-line-clamp 4
  overflow hidden

.clear-input
  background none
  outline none
  border 0

.clear-btn
  border none
  border-radius 0
  outline none

.clear-select
  appearance none
  border none
  background-color #fff
:focus
  outline none
.clear-select::-ms-expand
  display none

.container
  position relative
  width 100%
  display flex
  flex-direction column

.arrow-up
  transform: rotate(-180deg);

// 会员认筹通用样式

.mint-swipe{
  height 11.875rem
  .mint-swipe-indicator{
    width 0.3125rem
    height 0.3125rem
    border-radius 50%
    background #fff
    opacity 0.5
  }
  .is-active{
    background: #fff
    opacity 1
  }
}
.article-swipe{
  .mint-swipe-indicators{
    right 0.625rem
    transform none
    left auto
  }
}
// 背景色分割线
.divide{
  width 100%
  height 0.625rem
  background-color #eeeeee
}
// router-link 点击区域铺满
.fill-tap{
  display block
  width 100%
  height 100%
}
// 轮播图数字标签
.num-tag{
  position absolute
  padding-left 0.625rem
  right 0
  height 1.5625rem
  line-height 1.5625rem
  color #fff
  display flex
  .tag-txt{
    font-size 0.75rem
    padding: 0 0.3125rem
  }
}